<div class="modal-header">
  <button type="button" data-dismiss="modal" aria-label="Close" class="close" (click)="bsModalRef.hide()">
    <span aria-hidden="true">X</span>
  </button>
  <h4 class="modal-title text-center" id="exampleModalLabel">Modify Product</h4>
</div>
<div class="modal-body">
  <form [formGroup]="form" (submit)="onSubmit()">
    <div class="form-group">
      <label for="asin">ASIN:</label>
      <input type="text"[(ngModel)]="temp" class="form-control" formControlName="asin" id="asin" placeholder="asin" required>
      <div *ngIf="form.get('asin').errors && form.get('asin').touched">
        <p class="help-block text-danger">required ASIN.</p>
      </div>
      <!-- <div *ngIf="form.get('asin').errors.msg || form.hasError('ASINError') && form.get('asin').touched">
        <p class="help-block text-danger">ASIN format is incorrect ! Up tp 10 ASINs can be imported at one time !</p>
      </div> -->
    </div>
    <hr/>
    <div class="row">
      <!-- <button class="btn btn-danger pull-right" style="margin-right: 20px;" (click)="bsModalRef.hide()">close</button> -->
      <button class="btn btn-primary pull-right" style="margin-right: 20px;" type="submit" >Modify</button>
    </div>
  </form>
</div>
